<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="/css/detail.css">
</head>
<body>
    <header class="header"></header>
    <section>
        <div class="decontent">
            <div class="catebox">
                <span class="backbox">
                    <span class="back">
                        返回
                    </span>
                </span>
                <span class="cate">
                    主页/分类
                </span>
            </div>
            <div class="goodsinfo" id="goodsinfo">
                
            </div>
            <script type="text/html" id="detailTemplate">
            <div class="leftinfo">
                    <div class="middleimg">
                   <img src="{{imgs[0]}}" class="zoomimg" alt="">
                    </div>
                    <ul class="smallimgbox" id="smallimgbox">
                    {{each imgs img}}
                    <li>
                    <a href="javascript:;" data-image="{{img}}" data-zoom-image="{{img}}">
                    <img src="{{img}}" alt="">
                    </a>
                    </li>
                    {{/each}}
                    </ul>
                </div>
                <div class="rightinfo">
                    <div id="temgoods">
                        
                        <p class="goodsname">{{goodsname}}</p>
                        <div class="type">
                            <div class="sale">
                                {{sale}}
                            </div>
                            <div class="special">
                               {{special}}
                            </div>
                        </div>
                        <p class="price">{{price}}</p>
                            <div class="shopbag" id="shopbag">
                                加入购物车
                            </div>
                    </script>


            <div class="goodsdetail">
                产品详情
            </div>






        </div>
    </section>



    <footer class="footer"></footer>
    <script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</body>
</html>